{% extends "base.html" %}
{% load static %}
{% block content %}


    <link href="static/images/css/index.css" rel="stylesheet" type="text/css">
    <script src="static/images/js/jquery.SuperSlide.2.1.1.js"></script>
    <!-- pc轮播图开始-->
    <div id="slideBox" class="slideBox1">
        <div class="hd">
            <ul></ul>
        </div>
        <div class="bd">
            <ul>
                {% for ad in ads %}
                    <li><a href="{{ ad.link_url }}"><img src="media/{{ ad.img }}" alt="banner"></a></li>
                {% endfor %}
            </ul>
        </div>
        <a class="prev" href="static/javascript:void(0)"></a>
        <a class="next" href="static/javascript:void(0)"></a>
    </div>
    <!-- pc轮播图结束 -->


    <!-- 手机版轮播图开始 -->
    <div id="focus" class="focus">
        <div class="hd">
            <ul></ul>
        </div>
        <div class="bd">
            <ul>
                <li><a href=""><img src="static/images/1-1F32GH300941.jpg"/></a></li>
                <li><a href=""><img src="static/images/1-1F32GH300941.jpg"/></a></li>
                <li><a href=""><img src="static/images/1-1F32GH300941.jpg"/></a></li>
            </ul>
        </div>
    </div>
    <script src="static/images/js/TouchSlide.1.1.js"></script>
    <!-- pc轮播图结束 -->

    <!-- 轮播图结束 -->


    <div class="search">
        <div class="wrap clearfix">
            <!-- <div class="leftkeywords fl" >大家都在搜：<a href="static/javascript:;">防水施工</a>|<a href="static/javascript:;">防水涂料</a> | <a href="static/javascript:;">德高防水</a> | <a href="static/javascript:;">建筑防水</a> | <a href="static/javascript:;">建筑防水</a></div> -->
            <div class="search-form fr">
                <form name="formsearch" action="/search" method="get">
                    {% csrf_token %}
                    <input name="mid" value="1" type="hidden">
                    <input name="dopost" value="search" type="hidden">
                    <input name="q" class="keywords" placeholder="キーワード検索" maxlength="20" type="text">
                    <input name="submit" value="" class="search_btn abs" type="submit">
                </form>
            </div>
        </div>
    </div>
    <!-- 媒体中心 -->
    <div class="news">
        <div class="wrap clearfix">
            <div>
                <h1>トップニュース</h1>
            </div>
            <div class="news-content clearfix">
                <div class="news-left fl slideTxtBox">
                    <div class="switch-bar hd">
                        <ul id="move-animate-left clearfix">
                        </ul>
                    </div>
                    <div class="tabcon " id="leftcon">
                        <div class="subbox clearfix bd">

                            <ul class="sublist">
                                {% for n in news %}
                                    <li>
                                        <a href="{% url 'article_details' n.id %}"><span>{{ n.title }}</span></a><em>{{ n.created_time|date:"Y/m/d" }}</em>
                                    </li>
                                {% endfor %}
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="news-right fr">
                    <div class="pictureContainer slideImgBox" id="pictureContainer">
                        <div class="sildeimg bd">
                            <ul class="slideshow" id="slidesImgs">
                                {#                                <li><a href="static/javascript:;"><img src="static/images/1-1FF6120120126.html" alt="XXX防水 百年建筑的呵护者" width="100%" border="0"></a><span><a href="static/javascript:;">XXX防水 百年建筑的呵护者</a></span></li>#}
                                <li><a href="static/javascript:;"><img src="static/images/1-1FH01136290-L.jpg"
                                                                       alt="XXX标准化施工 为北京新机场保驾护航" width="100%"
                                                                       border="0"></a><span><a
                                        href="static/javascript:;">XXX标准化施工 为北京新机场保驾护航</a></span></li>
                                <li><a href="static/javascript:;"><img src="static/images/1-1FF31U423H8.jpg"
                                                                       alt="XXX标准化施工" width="100%" border="0"></a><span><a
                                        href="static/javascript:;">XXX标准化施工</a></span></li>
                                <li><a href="static/javascript:;"><img src="static/images/1-1F3222014300-L.jpg"
                                                                       alt="卓越品质 共享价值 —XXX华南生产基地投产仪式隆重举行" width="100%"
                                                                       border="0"></a><span><a
                                        href="static/javascript:;">卓越品质 共享价值 —XXX华南生产基地投产仪式隆重举行</a></span></li>
                            </ul>
                        </div>
                        <div class="slidebar " id="slideBar">
                            <ul class="hd clearfix">
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                            </ul>
                        </div>
                        <a class="more" href="static/javascript:;" title="查看更多"></a>
                    </div>
                </div>
            </div>

        </div>


        <div class="wrap clearfix">
            <div>
                <h1></h1>
            </div>
            <div class="news-content clearfix">
                <div class="news-left fl slideTxtBox" style="width: 32%">
                    <div class="switch-bar hd">
                        <ul id="move-animate-left clearfix">
                            <li>
                                <a href="{% url 'index' %}?web=NEWS・政策">NEWS・政策</a>
                            </li>
                        </ul>
                    </div>
                    <div class="tabcon " id="leftcon">
                        <div class="subbox clearfix bd">

                            <ul class="sublist">
                                {% for n in articles_1 %}
                                    <li>
                                        <a href="{% url 'article_details' n.id %}"><span>{{ n.title }}</span></a><em>{{ n.created_time|date:"Y/m/d" }}</em>
                                    </li>
                                {% endfor %}
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="news-left fl slideTxtBox" style="width: 2%"></div>
                <div class="news-left fl slideTxtBox" style="width: 32%">
                    <div class="switch-bar hd">
                        <ul id="move-animate-left clearfix">
                            <li>
                                <a href="{% url 'index' %}?web=有機原料">有機原料</a>
                            </li>
                        </ul>
                    </div>
                    <div class="tabcon " id="leftcon">
                        <div class="subbox clearfix bd">

                            <ul class="sublist">
                                {% for n in articles_2 %}
                                    <li>
                                        <a href="{% url 'article_details' n.id %}"><span>{{ n.title }}</span></a><em>{{ n.created_time|date:"Y/m/d" }}</em>
                                    </li>
                                {% endfor %}
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="news-left fl slideTxtBox" style="width: 2%"></div>
                <div class="news-left fl slideTxtBox" style="width: 32%">
                    <div class="switch-bar hd">
                        <ul id="move-animate-left clearfix">
                            <li>
                                <a href="{% url 'index' %}?web=フッ素工業">フッ素工業</a>
                            </li>
                        </ul>
                    </div>
                    <div class="tabcon " id="leftcon">
                        <div class="subbox clearfix bd">

                            <ul class="sublist">
                                {% for n in articles_3 %}
                                    <li>
                                        <a href="{% url 'article_details' n.id %}"><span>{{ n.title }}</span></a><em>{{ n.created_time|date:"Y/m/d" }}</em>
                                    </li>
                                {% endfor %}
                            </ul>
                        </div>
                    </div>
                </div>

            </div>

        </div>


        <div class="wrap clearfix">
            <div>
                <h1></h1>
            </div>
            <div class="news-content clearfix">
                <div class="news-left fl slideTxtBox" style="width: 32%">
                    <div class="switch-bar hd">
                        <ul id="move-animate-left clearfix">
                            <li>
                                <a href="{% url 'index' %}?web=無機原料">無機原料</a>
                            </li>
                        </ul>
                    </div>
                    <div class="tabcon " id="leftcon">
                        <div class="subbox clearfix bd">

                            <ul class="sublist">
                                {% for n in articles_4 %}
                                    <li>
                                        <a href="{% url 'article_details' n.id %}"><span>{{ n.title }}</span></a><em>{{ n.created_time|date:"Y/m/d" }}</em>
                                    </li>
                                {% endfor %}
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="news-left fl slideTxtBox" style="width: 2%"></div>
                <div class="news-left fl slideTxtBox" style="width: 32%">
                    <div class="switch-bar hd">
                        <ul id="move-animate-left clearfix">
                            <li>
                                <a href="{% url 'index' %}?web=農薬">農薬</a>
                            </li>
                        </ul>
                    </div>
                    <div class="tabcon " id="leftcon">
                        <div class="subbox clearfix bd">

                            <ul class="sublist">
                                {% for n in articles_5 %}
                                    <li>
                                        <a href="{% url 'article_details' n.id %}"><span>{{ n.title }}</span></a><em>{{ n.created_time|date:"Y/m/d" }}</em>
                                    </li>
                                {% endfor %}
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="news-left fl slideTxtBox" style="width: 2%"></div>
                <div class="news-left fl slideTxtBox" style="width: 32%">
                    {#                        <div class="switch-bar hd">#}
                    {#                            <ul id="move-animate-left clearfix">#}
                    {#                                <li>#}
                    {#                                    <a href="static/javascript:;">新闻政策</a>#}
                    {#                                </li>#}
                    {#                            </ul>#}
                    {#                        </div>#}
                    <div class="tabcon " id="leftcon">
                        <div class="pictureContainer slideImgBox" id="pictureContainer">
                            <div class="sildeimg bd">
                                <ul class="slideshow" id="slidesImgs">
                                    {#                                <li><a href="static/javascript:;"><img src="static/images/1-1FF6120120126.html" alt="XXX防水 百年建筑的呵护者" width="100%" border="0"></a><span><a href="static/javascript:;">XXX防水 百年建筑的呵护者</a></span></li>#}
                                    <li><img src="static/images/image10.png" alt="" width="100%" border="0"></li>
                                    {#                                        <li><a href="static/javascript:;"><img src="static/images/1-1FF31U423H8.jpg" alt="XXX标准化施工" width="100%" border="0"></a><span><a href="static/javascript:;">XXX标准化施工</a></span></li>#}
                                    {#                                        <li><a href="static/javascript:;"><img src="static/images/1-1F3222014300-L.jpg" alt="卓越品质 共享价值 —XXX华南生产基地投产仪式隆重举行" width="100%" border="0"></a><span><a href="static/javascript:;">卓越品质 共享价值 —XXX华南生产基地投产仪式隆重举行</a></span></li>#}
                                </ul>
                            </div>
                            <div class="slidebar " id="slideBar">
                                <ul class="hd clearfix">
                                    {#                                        <li></li>#}
                                    {#                                        <li></li>#}
                                    {#                                        <li></li>#}
                                    {#                                <li></li>#}
                                </ul>
                            </div>
                            <a class="more" href="static/javascript:;" title="查看更多"></a>
                        </div>
                    </div>
                </div>

            </div>

        </div>


        <div class="wrap clearfix">
            <div>
                <h1></h1>
            </div>
            <div class="news-content clearfix">
                <div class="news-left fl slideTxtBox" style="width: 32%">
                    <div class="switch-bar hd">
                        <ul id="move-animate-left clearfix">
                            <li>
                                <a href="{% url 'index' %}?web=臭素工業">臭素工業</a>
                            </li>
                        </ul>
                    </div>
                    <div class="tabcon " id="leftcon">
                        <div class="subbox clearfix bd">

                            <ul class="sublist">
                                {% for n in articles_6 %}
                                    <li>
                                        <a href="{% url 'article_details' n.id %}"><span>{{ n.title }}</span></a><em>{{ n.created_time|date:"Y/m/d" }}</em>
                                    </li>
                                {% endfor %}
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="news-left fl slideTxtBox" style="width: 2%"></div>
                <div class="news-left fl slideTxtBox" style="width: 32%">
                    <div class="switch-bar hd">
                        <ul id="move-animate-left clearfix">
                            <li>
                                <a href="{% url 'index' %}?web=肥料">肥料</a>
                            </li>
                        </ul>
                    </div>
                    <div class="tabcon " id="leftcon">
                        <div class="subbox clearfix bd">

                            <ul class="sublist">
                                {% for n in articles_7 %}
                                    <li>
                                        <a href="{% url 'article_details' n.id %}"><span>{{ n.title }}</span></a><em>{{ n.created_time|date:"Y/m/d" }}</em>
                                    </li>
                                {% endfor %}
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="news-left fl slideTxtBox" style="width: 2%"></div>
                <div class="news-left fl slideTxtBox" style="width: 32%">
                    <div class="switch-bar hd">
                        <ul id="move-animate-left clearfix">
                            <li>
                                <a href="{% url 'index' %}?web=リン工業">リン工業</a>
                            </li>
                        </ul>
                    </div>
                    <div class="tabcon " id="leftcon">
                        <div class="subbox clearfix bd">

                            <ul class="sublist">
                                {% for n in articles_8 %}
                                    <li>
                                        <a href="{% url 'article_details' n.id %}"><span>{{ n.title }}</span></a><em>{{ n.created_time|date:"Y/m/d" }}</em>
                                    </li>
                                {% endfor %}
                            </ul>
                        </div>
                    </div>
                </div>

            </div>

        </div>
    </div>



    <!-- <div class="case">
        <div class="wrap clearfix">
            <div class="project fl"><a href="static/javascript:;"><img src="static/images/project_h.jpg" style="max-width: 100%" alt="" /></a></div>
            <div class="cooper fr"><a href="static/javascript:;"><img src="static/images/coop_h.jpg" style="max-width: 100%" alt="" /></a></div>
        </div>
    </div> -->
    <script src="static/images/js/index.js"></script>
{% endblock %}